<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
        <link rel="stylesheet" href="../css/m.style.css" />
        <link rel="stylesheet" href="../css/jqmEdit.css" />
        <link rel="stylesheet" type="text/css" href="../css/common.css" />
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
        <script>
            $(function() {
                //터치설정
                $('.itemList').swipe(function() {
                    $.event.special.swipe.scrollSupressionThreshold = 10;
                    // - default : 10
                    $.event.special.swipe.durationThreshold = 800;
                    // 터치시간 - default : 1000
                    $.event.special.swipe.horizontalDistanceThreshold = 20;
                    // 가로 한계점 (이 값보다 horizontal 값이 커야 swipe)  - default : 30
                    $.event.special.swipe.verticalDistanceThreshold = 75;
                    // 세로 한계점 (이 값보다 vertical 값이 작아야 swipe) - default : 75
                    $('.fnLayer').fadeOut(200);
                    var fnLayer = $(this).find('.fnLayer');
                    if (fnLayer.is(':hidden')) {
                        fnLayer.fadeIn(200);
                    }
                });
            });
        </script>
        <title>OAASYS2.0-MOBILE</title>
    </head>
    <body>
        <div id="viewport">
            <div id="oMenu">
            </div>
            <div class="oTalk" data-role="page">
                <div class="header orange" data-role="header" data-position="fixed">
                    <a href="javascript:void(0);" class="headBtn leftBtn" data-role="none"><i class="ico_hBtn1"></i></a>
                    <h1><a href="javascript:void(0);" class="headText" data-role="none">오톡</a></h1>
                    <a href="javascript:void(0);" class="headBtn rightBtn" data-role="none"><i class="ico_hBtn2"></i></a>
                </div>
                <div class="container" data-role="content">
                    <ul class="itemArea">
                        <li class="itemList">
                            <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                            <div class="itemContent">
                                <p class="nameLoc">
                                    <span class="authorText">서명희</span>
                                    <span class="regidate">42초 전</span>
                                </p>
                                <a href="javascript:void(0);" class="titleLoc" style="display:none"></a>
                                <p class="contentLoc">
                                    지난 금요일에 팀 워크샵으로 석모도에 다녀왔습니다. 날씨도 좋고, 경치도 좋고, 음식도 맛있었어요 아이맛있어...<a href="javascript:void(0);" class="moreLink">더보기</a>
                                </p>
                                <p class="picLoc">
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic1.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic2.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic3.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic4.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic5.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic6.gif" alt=""></span></a>
                                </p>
                                <p class="tagLoc">
                                    워크샵, 석모도
                                </p>
                                <p class="infoLoc">
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item reply"></i>댓글<span class="infoNum">5</span></a>
                                    <span class="barText">|</span>
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item feedback"></i>피드백<span class="infoNum">13</span></a>
                                </p>
                            </div>
                            <div class="fnLayer">
                                <div class="fnPlace">
                                    <span class="fnCommon"> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn1"></i>
                                        <p class="fnText">
                                            페이스북
                                        </p> </a> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn2"></i>
                                        <p class="fnText">
                                            트위터
                                        </p> </a> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn3"></i>
                                        <p class="fnText">
                                            스크랩
                                        </p> </a> </span>
                                    <span class="fnMy"> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn4"></i>
                                        <p class="fnText">
                                            수정
                                        </p> </a> <a href="javascript:void(0);" class="fnLink"> <i class="ico_fn fn5"></i>
                                        <p class="fnText">
                                            삭제
                                        </p> </a> </span>
                                </div>
                            </div>
                        </li>
                        <li class="itemList">
                            <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                            <div class="itemContent">
                                <p class="nameLoc">
                                    <span class="authorText">서명희</span>
                                    <span class="regidate">42초 전</span>
                                </p>
                                <a href="javascript:void(0);" class="titleLoc" style="display:none"></a>
                                <p class="contentLoc">
                                    지난 금요일에 팀 워크샵으로 석모도에 다녀왔습니다. 날씨도 좋고, 경치도 좋고, 음식도 맛있었어요 아이맛있어...<a href="javascript:void(0);" class="moreLink">더보기</a>
                                </p>
                                <p class="picLoc">
                                </p>
                                <p class="tagLoc">
                                    워크샵, 석모도
                                </p>
                                <p class="infoLoc">
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item reply"></i>댓글<span class="infoNum">5</span></a>
                                    <span class="barText">|</span>
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item feedback"></i>피드백<span class="infoNum">13</span></a>
                                </p>
                            </div>
                        </li>
                        <li class="itemList">
                            <a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                            <div class="itemContent">
                                <p class="nameLoc">
                                    <span class="authorText">서명희</span>
                                    <span class="regidate">42초 전</span>
                                </p>
                                <a href="javascript:void(0);" class="titleLoc" style="display:none"></a>
                                <p class="contentLoc">
                                    지난 금요일에 팀 워크샵으로 석모도에 다녀왔습니다. 날씨도 좋고, 경치도 좋고, 음식도 맛있었어요 아이맛있어...<a href="javascript:void(0);" class="moreLink">더보기</a>
                                </p>
                                <p class="picLoc">
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic1.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic2.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic3.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic4.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic5.gif" alt=""></span></a>
                                    <a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic6.gif" alt=""></span></a>
                                </p>
                                <p class="tagLoc">
                                    워크샵, 석모도
                                </p>
                                <p class="infoLoc">
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item reply"></i>댓글<span class="infoNum">5</span></a>
                                    <span class="barText">|</span>
                                    <a href="javascript:void(0);" class="infoText"><i class="ico_item feedback"></i>피드백<span class="infoNum">13</span></a>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>